$(function(){
	//顶部广告关闭
	$('.close').click(function(){
		$(this).parent().parent('.top_ad').hide();
	})
	
	//网站导航
	$('.web_nav').mouseenter(function(){
		$('.webNav').show();
	})
	$('.web_nav').mouseleave(function(){
		$('.webNav').hide();
	})
	$('.webNav').mouseenter(function(){
		$(this).show();
		$('.web_nav').addClass('active');
	})
	$('.webNav').mouseleave(function(){
		$(this).hide();
		$('.web_nav').removeClass('active');
	})
	
	//左侧大广告
	$('.leftAd').mouseenter(function(){
		$(this).find('.leftAd_pic').stop().animate({
			'width':'790px'
		},300)
	})
	$('.leftAd').mouseleave(function(){
		$(this).find('.leftAd_pic').stop().animate({
			'width':'0px'
		},300)
	})
	
	//大图轮播
	var c=0;
	//自动轮播
	timer=setInterval(run,2000);
	function run(){
		c++
		if(c==8){
			c=0;
		}
		$('#lunbo li').eq(c).fadeIn().siblings().fadeOut();
		$('#circle li').eq(c).css({'background':'rgba(255,255,255,0.3)'}).siblings().css({'background':'rgba(0,0,0,0.4)'});
	}
	//鼠标移进轮播图区域就停止定时器
	$('.carousel').mouseenter(function(){
		clearInterval(timer);
	});
	$('.carousel').mouseleave(function(){
		clearInterval(timer);
		timer=setInterval(run,2000);
	});
	//鼠标放上小圆点的效果
	$("#circle li").mouseenter(function(){
		var a=$(this);
		c=$(this).index();
		$('#lunbo li').eq(c).stop().fadeIn().siblings().stop().fadeOut();
		a.css({'background':'rgba(255,255,255,0.3)'}).siblings().css({'background':'rgba(0,0,0,0.4)'});
	});
	//pre前一个
	$('.pre').eq(0).click(function(){
		c--;
		if(c==-1){
			c=7;
		}
		$('#lunbo li').eq(c).stop().fadeIn().siblings().stop().fadeOut();
		$('#circle li').eq(c).css({'background':'rgba(255,255,255,0.3)'}).siblings().css({'background':'rgba(0,0,0,0.4)'});	
	})
	//next下一个
	$('.next').eq(0).click(function(){
		c++;
		if(c==8){
			c=0;
		}
		$('#lunbo li').eq(c).stop().fadeIn().siblings().stop().fadeOut();
		$('#circle li').eq(c).css({'background':'rgba(255,255,255,0.3)'}).siblings().css({'background':'rgba(0,0,0,0.4)'});	
	})
	//大图轮播结束
	
	//右侧 促销公告tab切换
	$('.news .newsTab .tab').mouseenter(function(){
		var index=$(this).index();
		$('.line').stop().animate({
			'left':index*55+'px'
		},200)
		$('.cont_contain ul').eq(index).addClass('news_active').siblings().removeClass('news_active');
	})
	
	//左侧二级菜单
	$('.over .menu ul li').mouseenter(function(){
		var index=$(this).index();
		$(this).find('.rightList').show().parent('li').siblings('li').find('.rightList').hide();
	})
	$('.over .menu ul li').mouseleave(function(){
		$('.over .menu .rightList').hide();
	})
	
	//picscroll
	var page=0;
	$('.picscroll .pre').click(function(){
		page--;
			if(page==-1){
				page=2;
			}
		$('.picscroll').find('ul').stop().animate({
			'left':-800*page+'px'
		},500)
	})
	$('.picscroll .next').click(function(){
		page++;
			if(page==3){
				page=0;
			}
		$('.picscroll').find('ul').stop().animate({
			'left':-800*page+'px'
		},500)
	})
	
	scroll('right',180,2,1,2000);
	scroll('tab1',350,2,0,1000);
	scroll('tab2',350,2,0,1000);
	scroll('tab3',350,2,0,1000);
	scroll('tab4',350,2,0,1000);
	scroll('tab5',350,2,0,1000);
	scroll('tab6',350,3,1,2000);
	scroll('tab7',350,2,0,1000);
	scroll('tab8',350,3,1,2000);
	scroll('tab9',1190,4,1,2000);
	function scroll(classname,width,totalpage,isauto,time){
		//类名，每次滚动的宽度，总页数,是否自动播放,自动切换的时间毫秒
		var s_page=0;
		var timer;
		//加载后判断是否自动播放
		if(isauto){
			timer=setInterval(run,time);
			//鼠标经过 清理定时器
			$('.'+classname).mouseenter(function(){
				clearInterval(timer);
			})
			//鼠标离开开启定时器
			$('.'+classname).mouseleave(function(){
				timer=setInterval(run,time);
			})
		}
		
		$('.'+classname).find('.dot a').mouseenter(function(){
				s_page=$(this).index();
				$(this).addClass('active').siblings().removeClass('active');
				$('.'+classname).find('.ullist').stop().animate({
					'left':-width*s_page+'px'
				},500)
			})
		
		$('.'+classname).find('.pre').click(function(){
			s_page--;

			if(s_page==-1){
				s_page=totalpage-1;
			}
			$('.'+classname).find('.dot a').eq(s_page).addClass('active').siblings().removeClass('active');
			
			$('.'+classname).find('.ullist').stop().animate({
				'left':-width*s_page+'px'
			},500)
		})
		$('.'+classname).find('.next').click(run);
		
		function run(){
			s_page++;

			if(s_page==totalpage){
				s_page=0;
			}
			$('.'+classname).find('.dot a').eq(s_page).addClass('active').siblings().removeClass('active');
			
			$('.'+classname).find('.ullist').stop().animate({
				'left':-width*s_page+'px'
			},500)
		}
		
		
	}
	
	//tab切换
	var index=0;
	var time_x;
	time_x=setInterval(function(){
		index++;
		if(index>4){
			index=0;
		}
		$('.jd_bk_tab .tab_item').eq(index).addClass('active').siblings('.tab_item').removeClass('active');
		$('.jd_bk_tab_box .tab_box').eq(index).addClass('box_active').siblings('.tab_box').removeClass('box_active');
	},1000);
	$('.jd_bk_tab .tab_item').mouseenter(function(){
		clearInterval(time_x);
		index=$(this).index();
		$(this).addClass('active').siblings('.tab_item').removeClass('active');
		$('.jd_bk_tab_box .tab_box').eq(index).addClass('box_active').siblings('.tab_box').removeClass('box_active');
	})
	$('.jd_three').mouseleave(function(){
		clearInterval(time_x);
		time_x=setInterval(function(){
		index++;
		if(index>4){
			index=0;
		}
		$('.jd_bk_tab .tab_item').eq(index).addClass('active').siblings('.tab_item').removeClass('active');
		$('.jd_bk_tab_box .tab_box').eq(index).addClass('box_active').siblings('.tab_box').removeClass('box_active');
	},1000);
	})
	
	var addnum=5;
	var tttimer;
	$(document).scroll(function(){
		var viewH=$(window).height();
		//获得底部footer距离文档顶部的距离
		var footerTop=$('.footer').offset().top;
		//获取滚动条的高度
		var sT=$(this).scrollTop();
		//还没逛够懒加载
		$('.enough ul').find('li').each(function(){
			var jthis=$(this);
			//获取图片地址
			var src=$(this).attr('data-url');
			//获取li自身的高度
			var liH=$(this).outerHeight();
			//获取li距离文档顶部的距离
			var liTotop=$(this).offset().top;
			//判断
			if(sT>liTotop-viewH&&sT<liTotop+liH){
				//设置延迟加载。。以便看出效果
				setTimeout(function(){
					//将图片路径返回给图片
					jthis.find('img').attr('src',src);
				},500)
			}
		})
		//拉倒底的时候要插入的html内容
		var html="<li data-url='img/594cb623N9f1ea3ea.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>卡饰社（CarSetCity）雪尼尔长杆可伸缩洗车拖把洗车刷 汽车掸子扫擦车拖把洗车工具 CS-83021 绿色</p><p class='enough_price'><span>￥</span>49.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/5adfda95N3fc01b46.jpg' class='light'><a href=''><img style='width:230px;' src=''/></a></li><li data-url='img/55dc390dN2b17c029.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>千团精工 油纸牛油纸 硅油纸 烤盘纸 烹调纸百度烤纸 40张装</p><p class='enough_price'><span>￥</span>20.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/59521501N4c19726f.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>平凡的世界：全三册</p><p class='enough_price'><span>￥</span>81.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/5a9e66c9N0141ccac.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>蓝汰 赔钱促销 2KG植物配方洗衣液 薰衣草香氛无荧光剂 正品包邮 每人限2瓶</p><p class='enough_price'><span>￥</span>11.90</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/5adfda95N3fc01b46.jpg' class='light'><a href=''><img style='width:230px;' src=''/></a></li><li data-url='img/594cb623N9f1ea3ea.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>卡饰社（CarSetCity）雪尼尔长杆可伸缩洗车拖把洗车刷 汽车掸子扫擦车拖把洗车工具 CS-83021 绿色</p><p class='enough_price'><span>￥</span>49.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/5a9e66c9N0141ccac.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>蓝汰 赔钱促销 2KG植物配方洗衣液 薰衣草香氛无荧光剂 正品包邮 每人限2瓶</p><p class='enough_price'><span>￥</span>11.90</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/55dc390dN2b17c029.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>千团精工 油纸牛油纸 硅油纸 烤盘纸 烹调纸百度烤纸 40张装</p><p class='enough_price'><span>￥</span>20.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li><li data-url='img/59521501N4c19726f.jpg'><a class='enough_a' href=''><div class='enough_pic light'><img src='' alt='' /></div><p class='enough_name'>平凡的世界：全三册</p><p class='enough_price'><span>￥</span>81.00</p></a><div class='find_more'><div class='find_circle'>找相似</div></div></li>";
		//如果滚动条高度大于底部footer的文档top值-可视区域高度时，表示拉到底了，就让ul里插入li
		if(sT>footerTop-viewH-500){
				clearTimeout(tttimer);
				//让ul插入标签内容
				if(addnum>0){
					//让加载图片gif的div显示
					$('.loading').delay(1000).show();
					//设置延时1秒后再进行插入操作
					tttimer=setTimeout(function(){
						//将li插入ul
						$('.enough ul').append(html);
						//让addnum-1
						addnum--;
					},1000);
					
				}else{
					//全加载完成后让加载的div隐藏
					$('.loading').hide();
				}
		}else{
			//隐藏加载的gif div
			$('.loading').hide();
		}
	})
	

})

